<template>
    <h1>求和：{{ sum }}</h1>
    <button @click="getSum">点我+1</button>
    <h1>求差：{{ difference }}</h1>
    <button @click="getDifference">点我-1</button>
    <br>
    <hr>
    <button @click="getDog">求狗</button>
    <br>
    <img v-for="(dogUrl,index)  in dogList" :key="index" :src="dogUrl" class="dog">
</template>

<script setup lang="ts" name="">
    import useSum from '@/types/useSum';
    import useDifference from '@/types/useDifference';
    import useDog from '@/types/useDog';

    let {sum,getSum}=useSum();
    let {difference,getDifference}=useDifference();
    let {dogList,getDog}=useDog();
</script>


<style scoped>
    .dog{
        height: 200px;
        margin: 10px;
    }
</style>
